.goods{
    border: 1px solid #EFEAF0;
    border-radius: 8px;
}
.inline-block-div {
    display: inline-block;
    width: 100px; /* 示例宽度 */
    height: 100px; /* 示例高度 */
    margin: 5px; /* 示例外边距 */
    /*background-color: lightblue; !* 示例背景色 *!*/
}
.number-box {
    border:#e5e5e5 solid 1px;
    display:inline-block;
    overflow:hidden;
}
.number-box input[type='text'] {
    height:30px;
    border-top:none;
    border-bottom:none;
    border-left:#e5e5e5 solid 1px;
    border-right:#e5e5e5 solid 1px;
    margin:0;
    text-align:center;
    width:40px;
    outline:none;
    padding:0 5px;
    float:left;
    line-height:30px;
}
.number-box input[type='button'] {
    height:30px;
    width:40px;
    float:left;
    border:none;
    outline:none;
    background-color:#f3f3f3;
    line-height:30px;
    cursor:pointer;
    padding:0;
}
.number-box input[type='button']:hover {
    background-color:#f9f9f9;
}
.number-box input[type='button']:active {
    background-color:#f6f6f6;
}
.custom-button {
    background-color: transparent; /* 背景为透明 */
    border: none; /* 无边框 */
    color: black; /* 默认颜色为黑色 */
    padding: 10px 20px; /* 为了让按钮看起来更像一个按钮，添加一些内边距 */
    cursor: pointer; /* 鼠标悬停时显示手形图标，提升用户体验 */
    outline: none; /* 去除浏览器默认的焦点轮廓，但请注意，这可能会影响可访问性 */
    /* 为了保持可访问性，你可以考虑使用自定义的焦点样式 */
    /* 例如: outline: 2px solid blue; 当需要时取消注释 */
}
.custom-button:hover {
    color: red; /* 聚焦或悬停时变为红色 */
}